<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/adminjsps/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<meta charset="utf-8">
<title>Users | Strass</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
	content="Admin panel developed with the Bootstrap from Twitter.">
<meta name="author" content="travis">

<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/site.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>
	<%@include file="/adminjsps/head.jsp"%>

	<div class="container-fluid">
		<div class="row-fluid">
			<%@include file="/adminjsps/left.jsp"%>
			<div class="span9">
				<div class="row-fluid">
					<div class="page-header">
						<h1>
							校内活动推荐 <small><a href="ubtui/add.jsp">添加</a></small>
						</h1>
					</div>
					<table class="table table-striped table-bordered table-condensed">
						<thead>
							<tr>
								<th>活动主题</th>
								<th>活动时间</th>
								<th>活动内容</th>
								<th>关联</th>
								<th>图片</th>
								<th>管理</th>

							</tr>
						</thead>
						<tbody>
							<c:forEach items="${pb.beanList }" var="out">
								<tr class="list-users">
									<td>${out.theme }</td>
									<td>${out.time }</td>
									<td>${out.contex }</td>
									<td>${out.link }</td>
									<td>${out.picture }</td>
									<td>
										<div class="btn-group">
											<a class="btn btn-mini dropdown-toggle"
												data-toggle="dropdown" href="#">管理活动 <span class="caret"></span></a>
											<ul class="dropdown-menu">
												<li><a
													href="<c:url value='/OutServlet?method=reload&theme=${out.theme }'/>"><i
														class="icon-pencil"></i>修改</a></li>
												<li><a
													href="<c:url value='/OutServlet?method=delete&theme=${out.theme }'/>"><i
														class="icon-trash"></i> 删除</a></li>




											</ul>
										</div>
									</td>
								</tr>
							</c:forEach>

						</tbody>
					</table>
					<div class="pagination">
						<ul>
							<li><a href="#">Prev</a></li>
							<li class="active"><a href="#">1</a></li>
							<li><a href="#">2</a></li>
							<li><a href="#">3</a></li>
							<li><a href="#">4</a></li>
							<li><a href="#">Next</a></li>
						</ul>
					</div>
					<a href="new-user.html" class="btn btn-success">New User</a>
				</div>
			</div>
		</div>

		<hr>

		<footer class="well"> &copy; Strass - More Templates <a
			href="http://www.cssmoban.com/" target="_blank" title="æ¨¡æ¿ä¹å®¶">æ¨¡æ¿ä¹å®¶</a>
		- Collect from <a href="http://www.cssmoban.com/" title="ç½é¡µæ¨¡æ¿"
			target="_blank">ç½é¡µæ¨¡æ¿</a> </footer>

	</div>

	<script src="js/jquery.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script>
		$(document).ready(function() {
			$('.dropdown-menu li a').hover(function() {
				$(this).children('i').addClass('icon-white');
			}, function() {
				$(this).children('i').removeClass('icon-white');
			});

			if ($(window).width() > 760) {
				$('tr.list-users td div ul').addClass('pull-right');
			}
		});
	</script>
</body>
</html>
